<script setup>
const { name } = useAppConfig()

</script>

<template>
  <div class="common-footer px-300px pt-60px text-#FFFFFF">
    <div class="flex  justify-between">
      <div class="left">
        <div class="logo-info flex  items-center">
          <img src="/img/icon.png" alt="">
          <span class="ml-20px text-24px">{{ name }}</span>
        </div>
        <!-- 服务热线 主办单位 承办单位    -->
        <div class="my-10px">
          <span>服务热线: </span>
          <span>1xxxxxxxx </span>
        </div>
        <div class="my-10px">
          <span>主办单位: </span>
          <span>xxxxxxxx </span>
        </div>
        <div class="my-10px">
          <span>承办单位: </span>
          <span>xxxxxxxx </span>
        </div>
      </div>
      <div class="right w-128px h-128px">
        <img src="/img/qrcode.png">
      </div>
    </div>
   <div class="mt-50px text-center">
     鲁ICP备154125411号   Copyright © 2021 青年论坛公共服务平台 版权所有
   </div>
  </div>
</template>

<style scoped lang="scss">
.common-footer {
  height: 300px;
  background-image: url("/public/img/footer/footer.png");
  background-size: auto 100%;
}
</style>